<style>
body{ margin-left: 0}
.show_image_panel{
	position: fixed; 
	left:40%; top:-50px;
	padding: 5px; 
	border:2px solid #CCC;
	background-color:#FFF;
}
</style>
<script>
var not_found_str = '<?php echo Lang::get('{FILE}_DOESNT_EXISTS', array('"{FILE}"'=>'') )?>: ';
function notFoundMess( src ){ return not_found_str+src };
function imgResize( elem, k ){
	if( elem.width*k >1 && elem.width*k<10000 ) {
		elem.width=elem.width*k; console.log( 'elem.width='+elem.width*k );//elem.height=elem.height*k;
	}
}
</script>
<div class="show_image_panel" onmouseover="this.style.top=0" onmouseout="this.style.top='-50px'" >
	<button onclick="imgResize( document.getElementById('show_image'), 2)">+</button>
	<button onclick="imgResize( document.getElementById('show_image'), 0.5 )">-</button>
	<div id="info"></div>
</div>
<img id="show_image" src="" onload="document.getElementById('info').innerHTML=this.width+' x '+this.height" onerror="document.getElementById('info').innerHTML=notFoundMess( this.src )" />
<script>
function parseGetParams() { 
   var $_GET = {}; 
   var __GET = window.location.search.substring(1).split("&"); 
   for(var i=0; i<__GET.length; i++) { 
      var getVar = __GET[i].split("="); 
      $_GET[getVar[0]] = typeof(getVar[1])=="undefined" ? "" : getVar[1]; 
   } 
   return $_GET; 
} 

var objGET = parseGetParams();
if('src' in objGET) document.getElementById('show_image').src=objGET['src'];
</script>
